@use "../mixins/config" as *;

.#{$namespace}-mode-enter-active,
.#{$namespace}-mode-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.#{$namespace}-mode-enter-from,
.#{$namespace}-mode-leave-to {
  opacity: 0;
  transform: scale(0.8);
}

/* 淡入淡出 */
.#{$namespace}-fade-enter-active,
.#{$namespace}-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.#{$namespace}-fade-enter-from,
.#{$namespace}-fade-leave-active {
  opacity: 0;
}

.#{$namespace}-fade-linear-enter-active,
.#{$namespace}-fade-linear-leave-active {
  transition: opacity 0.2s linear;
}
.#{$namespace}-fade-linear-enter-from,
.#{$namespace}-fade-linear-leave-to {
  opacity: 0;
}
